<template>
  <div class="home">
    <Header></Header>
    <div class="main">
      <Left/>
      <div class="right">
        <router-view></router-view>
      </div>
    </div>
    
  </div>
</template>

<script>
import Header from "../../components/Header.vue"
import Left from "../../components/Left.vue"

export default {
  name: 'Home',
  components: {
    Header,
    Left
  }
}
</script>
<style lang="scss" scoped>
  .home{
    width: 100%;
    height: 100%;
    .main{
      width: 100%;
      height: 90vh;
      display: flex;
      padding: 10px;
      .right{
        width: 85%;
        height: 100%;
        border-radius: 12px;
        border: 1px solid #ccc;
        padding: 10px;
      }
    }
  }
</style>